@charset "utf-8";
/* CSS Document */
* {
    margin: 0px;
    padding: 0px;
    border: none;
    color: #333;
    font-size: 100%; /*font-weight:inherit;*/
    font-family: "Microsoft YaHei";
    list-style-type: none;
}
.scroll-bar-indicator ,.scroll-bar-fade-out{
    height: 0 !important ;
}

a {
    color: #393939;
    text-decoration: none;
}

a:hover,a:link,a:visited,a:active{
    text-decoration:none;
    border:0px none;
}
html {
    height: 100%;
    margin: 0 auto;
}

body {
    margin: 0 auto;
    min-width: 320px;
    background: #F4F4F4;
}

body.white {
    background: #FFF;
}
textarea{
    resize: none;
}
/* Empty. Add your own CSS if you like */

/* 网格布局row水平方向居中*/
.row-horizontal-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
}

/* 网格布局row水平方向均匀分布左右留有距离*/
.row-horizontal-around {
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.row-horizontal-start {
    -moz-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.row-horizontal-end {
    -moz-justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.row-horizontal-between {
    -moz-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.border-radius-50 {
    border-radius: 50%;
}

.no-border {
    border: none;
}

.float-left {
    float: left;
}

/* 修改android平台默认样式*/
.popover {
    width: 10rem;
}

.platform-android .popover {
    margin-top: 0 !important;
    background-color: #ffffff !important;
}

.platform-android .popover .item {
    background-color: #ffffff !important;
}

.platform-android .popover-backdrop,
.platform-android .popover-backdrop.active {
    background-color: rgba(0, 0, 0, 0.1);
}

.grey {
    color: #aaa !important;
}

.grey-bg {
    background-color: #aaa !important;;
}

.bottom-0 {
    position: fixed;
    width: 100%;
    bottom: 0;
    box-shadow: 0px 0px 20px #ddd
}

.has-button-footer {
    bottom: 67px;
}

/*修改覆盖弹出框默认样式*/
.show-alert .popup, .show-confirm .popup {
    text-align: center;
    background-color: #fff !important;
}

.show-alert .popup .popup-head, .show-confirm .popup .popup-head {
    border: none;
}

.show-alert .popup .popup-body p, .show-confirm .popup .popup-body p {
    margin: 0;
    padding: 0;
}

/*修改覆盖ActionSheet框默认样式*/
.action-s .button {
    color: #FF81B0;
}

.list .item:first-child {
    border: none;
}

.list .item:last-child {
    border-bottom: none;
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/*loading加载框去掉背景*/
.loading-container .loading {
    background-color: rgba(0, 0, 0, 0);
}

.item-image:not(img) {
    text-align: left !important;
}

.isNotDataHint {
    width: 100%;
    height: 100%;
    color: rgba(128, 128, 128, 0.6);
    padding-top: 40%;
    text-align: center;
}

.isNotDataHint i {
    font-size: 5rem;
}

.isNotDataHint p {
    margin-top: 1rem;
}

.item {
    border-color: rgba(221, 221, 221, 0.3) !important;
}

.button.back-button {
    width: 1.2rem;
    border: none;
}

.bar-light .button.back-button {
    color: #aaa;
}

/* 去掉时候点击按钮灰色边框颜色*/
.button.active, .button.activated {
    border-color: transparent !important;
    background-color: #e5e5e5;
}

/* modal显示非全屏 显示模态背景*/
.active .modal-backdrop-bg {
    background-color: rgba(0, 0, 0, 0.3);
}

/*modal 动画效果*/
.slide-in-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.slide-in-right.ng-enter, .slide-in-right > .ng-enter {
    -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
    transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.slide-in-right.ng-enter-active, .slide-in-right > .ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-in-right.ng-leave, .slide-in-right > .ng-leave {
    -webkit-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
}

.slide-in-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.slide-in-left.ng-enter, .slide-in-left > .ng-enter {
    -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
    transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.slide-in-left.ng-enter-active, .slide-in-left > .ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-in-left.ng-leave, .slide-in-left > .ng-leave {
    -webkit-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
}

.input-label {
    width: 28% !important;
}

.nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-wrap {
    white-space: normal !important;
}

section.ranking a.swiper-pagination-bullet-active {
    color: #F5D000;
    font-weight: bold;
    border-bottom: 1px solid #F5D000;
}

/*  ios没有导航bar状态栏兼容处理*/
.platform-ios.platform-cordova .no-nav-header {
    margin-top: 20px;
}

/* HEAD --------------- */
header.head {
    width: 100%;
    float: left;
    position: relative;
    z-index: 9;
}

header.head section.head_main {
    width: 100%;
    height: 45px;
    float: left;
    position: relative;
    z-index: 99;
    background: #FEE801;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

header.head section.head_main h1 {
    width: 70%;
    height: 45px;
    line-height: 45px;
    color: #333;
    font-size: 105%;
    font-weight: normal;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 15%;
}

header.head section.head_main a.more {
    height: 45px;
    float: right;
    line-height: 43px;
    font-size: 100%;
    color: #706600;
    padding: 0 10px 0 0;
}

header.head section.head_main a.return {
    height: 45px;
    float: left;
    line-height: 43px;
    color: #706600;
    font-size: 20px;
    padding: 0 0 0 5px;
}

header.head section.white {
    background: #FFF;
}

header.head section.user_bg {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.30);
}

header.head section.user {
    width: 100px;
    float: left;
    display: none;
    position: absolute;
    top: 45px;
    right: 0px;
    z-index: 9999;
    background: #FFF;
}

header.head section.user i.icon {
    width: 15px;
    height: 8px;
    display: block;
    position: absolute;
    top: -8px;
    right: 15px;
    background: url(../images/user.png);
}

header.head section.user span.menu {
    width: 80px;
    float: left;
    padding: 0 10px;
}

header.head section.user span.menu a {
    width: 80px;
    height: 36px;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

header.head section.user span.menu a:last-child {
    border-bottom: 0px;
}

header.head section.user span.menu a em {
    width: 36px;
    height: 16px;
    float: left;
    padding: 10px 0;
}

header.head section.user span.menu a em img {
    height: 16px;
    display: block;
    margin: 0 auto;
}

header.head section.user span.menu a i {
    height: 36px;
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
    line-height: 36px;
    font-style: normal;
    font-size: 80%;
}

header.show section.user_bg, header.show section.user {
    display: block;
}

section.btn_change{
    width: 52px;display: block;position: fixed;color:#fff;
    bottom: 56px;right: 52px;z-index: 10;border: 1px solid rgba(255, 255, 255, 0.50);
    background: #F5D000;border-radius: 5px;padding:5px 5px 5px 10px;
}
/* 旋转菜单 --------------- */
section.menu_bg {
    width: 38px;
    display: block;
    position: fixed;
    bottom: 56px;
    right: 6px;
    z-index: 10;
}

section.menu_bg a.menu_tion {
    width: 38px;
    height: 38px;
    float: left;
    line-height: 38px;
    font-size: 116%;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 1;
    text-align: center;
    color: #FFF;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: #F5D000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
}

section.menu_bg span.menu_nav {
    width: 38px;
    height: 0px;
    float: left;
    overflow: hidden;
    padding: 0 0 19px 0;
    position: absolute;
    bottom: 19px;
    right: 0px;
    border-radius: 38px 38px 0 0;
    background: #FEE801;
}

section.menu_bg span.menu_nav a {
    width: 38px;
    height: 38px;
    float: left;
    line-height: 38px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.menu_bg span.menu_nav a img {
    width: 16px;
    display: block;
    margin: 0 auto;
}

/* 底部导航 --------------- */
footer.bottom {
    width: 100%;
    height: 50px;
    float: left;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #FEFEFE;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

footer.bottom a {
    width: 25%;
    height: 50px;
    float: left;
    position: relative;
}

footer.bottom a i {
    width: 100%;
    height: 20px;
    float: left;
    text-align: center;
    margin: 7px 0 0 0;
}

footer.bottom a em {
    width: 100%;
    height: 23px;
    float: left;
    text-align: center;
    line-height: 23px;
    font-style: normal;
    font-size: 12px;
}
footer.bottom a u {
    height: 16px;
    float: left;
    line-height: 16px;
    padding: 0 5px;
    color: #FFF;
    position: absolute;
    top: -5px;
    right: 20%;
    font-size: 60%;
    background: #F5D000;
    border-radius: 100%;
    text-decoration: none;
}

footer.bottom a:nth-child(1) i {
    font-size: 24px;
    line-height: 23px;
}

footer.bottom a:nth-child(2) i {
    font-size: 18px;
    line-height: 21px;
}

footer.bottom a:nth-child(3) i {
    font-size: 22px;
    line-height: 18px;
}

footer.bottom a:nth-child(4) i {
    font-size: 21px;
    line-height: 100%;
}

footer.bottom a.hover i, footer.bottom a.hover em {
    color: #F5D000;
    font-weight: bold;
}

footer.submit {
    width: 100%;
    height: 50px;
    float: left;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 5;
    background: #FEFEFE;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

footer.submit a {
    width: 100px;
    height: 50px;
    float: right;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 94%;
    background: #FE2E2E;
}

footer.submit a i {
    font-style: normal;
    color: #FFF;
    font-size: 76%;
}

footer.submit span.total {
    height: 30px;
    float: left;
    line-height: 30px;
    padding: 10px 0 10px 12px;
    font-size: 76%;
}

footer.submit span.check {
    height: 30px;
    float: left;
    padding: 10px 0 10px 15px;
    position: relative;
    overflow: hidden;
}

footer.submit span.check input[type="checkbox"] {
    display: none;
}

footer.submit span.check label.check_label {
    width: 14px;
    height: 14px;
    float: left;
    margin: 6px 0;
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, 0.50);
}

footer.submit span.check label.check_label i {
    width: 10px;
    height: 10px;
    display: none;
    float: left;
    margin: 2px;
    border-radius: 100%;
}

footer.submit span.check label.on {
    border: 2px solid #F5D000;
}

footer.submit span.check label.on i {
    display: block;
    background: #F5D000;
}

footer.submit span.check em {
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 76%;
    font-style: normal;
    padding: 0 12px 0 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}

footer.submit span.button {
    height: 50px;
    float: right;
    background: #F5D000;
}
footer.submit span.button a {
    width: auto;
    height: 50px;
    float: left;
    line-height: 50px;
    padding: 0 20px;
}
footer.submit span.button a.gray {
    background: #c6c6c6;
}

footer.submit span.button a:nth-child(1) {
    background: #F5D000;
    border-right: 1px dashed rgba(255, 255, 255, 0.66);
}

/* 按钮 --------------- */
main.content section.submit {
    width: 100%;
    height: 40px;
    float: left;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 5;
}

main.content section.submit a {
    width: 100%;
    height: 40px;
    float: left;
    line-height: 40px;
    color: #FFF;
    font-size: 94%;
    text-align: center;
    background: #F5D000;
}
.full-image {
    width: 100%;
}

main.content section.load {
    width: 100%;
    height: 40px;
    float: left;
    padding: 10px 0;
}

section.product_tab a.swiper-pagination-bullet-active {
    color: #F5D000;
    font-weight: bold;
    border-bottom: 1px solid #F5D000;
}
main.content section.load a {
    height: 40px;
    display: block;
    line-height: 40px;
    color: #FFF;
    margin: 0 10px;
    font-size: 94%;
    text-align: center;
    border-radius: 3px;
    background: #F5D000;
}

main.content section.collection_load {
    width: 100%;
    height: 40px;
    float: left;
    padding: 0 0 10px 0;
}
section.metal dl.parameter dd span input {
    font-size: 80%;
}
section.metal dl.parameter dd span a {
    font-size: 80%;
    padding-left: 10px;
}
section.metal dl.parameter dd span a span {
    line-height: 25px;
}
/*select {*/
/*width: 100%;*/
/*height: 32px;*/
/*font-size: 80%;*/
/*}*/

main.content section.collection_load a {
    height: 40px;
    display: block;
    line-height: 40px;
    color: #FFF;
    margin: 0 10px;
    font-size: 94%;
    text-align: center;
    border-radius: 3px;
    background: #F5D000;
}

main.content section.addto {
    width: 100%;
    height: 40px;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.addto a {
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
}

main.content section.addto a i {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    line-height: 42px;
    font-size: 90%;
    font-weight: bold;
    color: #F5D000;
    font-style: normal;
    padding: 0 10px 0 0;
}

main.content section.addto a em {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-size: 80%;
    font-weight: bold;
    color: #F5D000;
    font-style: normal;
}

section.button {
    width: 100%;
    height: 40px;
    padding: 5px 0;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #FFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

section.button span {
    width: 50%;
    height: 40px;
    float: left;
    line-height: 40px;
}

section.button span a {
    color: #FFF;
    display: block;
    text-align: center;
    font-size: 86%;
    background: #F5D000;
    border-radius: 3px;
}

section.button span:nth-child(1) a {
    margin: 0 5px 0 10px;
}

section.button span:nth-child(2) a {
    margin: 0 10px 0 5px;
}

/* 公用 --------------- */
main.content {
    width: 100%;
    float: left;
}

main.bottom {
    padding: 0 0 60px 0;
}

main.submit {
    padding: 0 0 50px 0;
}

section.tab {
    width: 100%;
    height: 40px;
    margin: 0 0 10px 0;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.tab span {
    width: 25%;
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 80%;
}

section.tab span.swiper-pagination-bullet-active {
    color: #F5D000;
    font-weight: bold;
    border-bottom: 1px solid #F5D000;
}

section.tab a {
    width: 33.333%;
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 80%;
}

section.tab a.hover {
    color: #F5D000;
    font-weight: bold;
    border-bottom: 1px solid #F5D000;
}

/* 平台主页 --------------- */
main.platform {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/bg.jpg) no-repeat;
    background-size: 100%;
}

main.platform section.logo {
    display: block;
    overflow: hidden;
    padding: 94px 50px 28px 50px;
}

main.platform section.logo img {
    width: 100%;
    max-width: 260px;
    display: block;
    margin: 0 auto;
}

main.platform section.platform_main {
    width: 300px;
    display: block;
    margin: 0 auto;
    padding: 10px 10px 60px 10px;
    overflow: hidden;
}

main.platform section.platform_main a {
    width: 90px;
    height: 90px;
    float: left;
    margin: 0 15px 15px 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}

main.platform section.platform_main a i {
    width: 100%;
    height: 33px;
    float: left;
    padding: 15px 0 0 0;
}

main.platform section.platform_main a i img {
    height: 33px;
    display: block;
    margin: 0 auto;
}

main.platform section.platform_main a em {
    width: 100%;
    height: 42px;
    float: left;
    line-height: 42px;
    color: #555;
    text-align: center;
    font-style: normal;
}

main.platform section.platform_main a:nth-child(3) {
    margin: 0 0 15px 0;
}

main.platform section.platform_main a:nth-child(6) {
    margin: 0 0 15px 0;
}

main.platform section.platform_bottom {
    width: 100%;
    height: 48px;
    float: left;
    line-height: 48px;
    text-align: center;
    font-size: 78%;
    color: #555;
    padding: 1px 0 0 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(../images/platform_bottom.png) top center no-repeat;
}

/* BANNER --------------- */
main.banner {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

main.banner ul {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

main.banner ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

main.banner ul li a {
    width: 100%;
    float: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

main.banner ul li img {
    width: 100%;
    float: left;
}

main.banner section.spot {
    width: 100%;
    height: 10px;
    text-align: center;
    position: absolute;
    bottom: 12px;
    left: 0px;
    z-index: 1;
}

main.banner section.spot span {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    border-radius: 100%;
}

main.banner section.spot span.swiper-pagination-bullet-active {
    background: #CB1004;
}

/* 首页 --------------- */
section.search {
    height: 32px;
    display: block;
    overflow: hidden;
    padding: 8px 15px;
    position: relative;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.search span.search_main {
    height: 30px;
    display: block;
    overflow: hidden;
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

section.search span.search_main input[type="text"] {
    width: 100%;
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 80%;
    text-indent: 20px;
}

section.search a {
    width: 40px;
    height: 18px;
    float: left;
    line-height: 18px;
    text-align: center;
    color: #ABABAB;
    position: absolute;
    top: 15px;
    right: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.10);
}

section.column {
    width: 100%;
    height: 73px;
    float: left;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.column a {
    width: 20%;
    height: 73px;
    float: left;
}

section.column a i {
    width: 100%;
    height: 30px;
    float: left;
    text-align: center;
    padding: 11px 0 0 0;
}

section.column a i img {
    height: 30px;
    display: block;
    margin: 0 auto;
}

section.column a em {
    width: 100%;
    height: 32px;
    float: left;
    line-height: 32px;
    color: #555;
    font-size: 80%;
    text-align: center;
    font-style: normal;
}

section.nav {
    width: 100%;
    float: left;
    background: #FFF;
}

section.nav a {
    width: 25%;
    height: 104px;
    float: left;
    margin: 0 0 0 -1px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.nav a i {
    width: 100%;
    height: 33px;
    float: left;
    line-height: 33px;
    font-weight: 600;
    padding: 10px 0 0 0;
    font-style: normal;
    font-size: 82%;
    text-align: center;
}

section.nav a em {
    width: 56px;
    height: 56px;
    display: block;
    clear: both;
    margin: 0 auto;
}

section.assortment {
    width: 100%;
    float: left;
}

section.assortment ul {
    display: block;
    overflow: hidden;
    padding: 0 5px;
}

section.assortment li {
    width: 25%;
    float: left;
    padding: 10px 0 0 0;
}

section.assortment li a {
    height: 34px;
    display: block;
    line-height: 34px;
    font-style: normal;
    margin: 0 5px;
    font-size: 80%;
    text-align: center;
    border-radius: 3px;
    background: #FEE801;
}

section.recommend {
    width: 100%;
    float: left;
    margin: 8px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

section.recommend span.title {
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: url(../images/title@01.png) center no-repeat;
}

section.recommend span.title i {
    height: 40px;
    display: inline-block;
    line-height: 40px;
    font-size: 92%;
    color: #F5D000;
    font-style: normal;
    padding: 0 10px;
    background: #FFF;
}

section.recommend ul {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.recommend ul li {
    width: 33.333%;
    float: left;
    padding: 10px 0 6px 0;
    margin: 0 0 0 -1px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

section.recommend ul li span.pic {
    width: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
}

section.recommend ul li span.pic img {
    height: 80px;
    margin: 0 auto;
    display: block;
}

section.recommend ul li span.text {
    height: 2.8em;
    display: block;
    overflow: hidden;
    padding: 5px 10px 0 10px;
    margin: 0 0 5px 0;
    line-height: 1.4em;
    text-align: justify;
    font-size: 78%;
}

section.recommend ul li em {
    height: 20px;
    float: left;
    line-height: 20px;
    font-style: normal;
    color: #FE2E2E;
    font-size: 76%;
    padding: 0 0 0 8px;
}

section.recommend ul li i {
    height: 20px;
    float: right;
    line-height: 20px;
    padding: 0 10px 0 0;
    font-size: 100%;
    color: #F5D000;
}

main.list {
    width: 100%;
    float: left;
    padding: 0 0 60px 0;
}

main.list section.list_main {
    width: 100%;
    float: left;
    margin: 8px 0 0 0;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

main.list section.list_main span.pic {
    width: 100%;
    float: left;
}

main.list section.list_main span.pic img {
    width: 100%;
    float: left;
}

main.list section.list_main span.text {
    display: block;
    overflow: hidden;
    line-height: 1.5em;
    font-size: 86%;
    padding: 8px 10px 0 10px;
}

main.list section.list_main p {
    display: block;
    overflow: hidden;
    font-size: 80%;
    color: #6E6E6E;
    padding: 6px 0 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

main.list section.list_main span.price {
    display: block;
    overflow: hidden;
    padding: 0 10px;
}

main.list section.list_main span.price em {
    height: 40px;
    float: left;
    line-height: 40px;
    font-style: normal;
}

main.list section.list_main span.price em:nth-child(1) {
    font-size: 80%;
    color: #FE2E2E;
    padding: 0 20px 0 0;
}

main.list section.list_main span.price em:nth-child(2) {
    font-size: 74%;
    color: #6E6E6E;
    text-decoration: line-through;
}

main.list section.list_main span.price i {
    height: 30px;
    float: right;
    line-height: 30px;
    margin: 5px 0;
    color: #F5D000;
    font-size: 120%;
    padding: 0 5px 0 10px;
    border-left: 1px dashed rgba(0, 0, 0, 0.06);
}

/* 发表评论 --------------- */
main.content section.comment {
    display: block;
    overflow: hidden;
    padding: 15px 15px 0 15px;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.comment span.comment_pic {
    width: 66px;
    height: 66px;
    float: left;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 2px;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

main.content section.comment span.comment_pic img {
    width: 100%;
    float: left;
}

main.content section.comment span.comment_text {
    height: 130px;
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
}

main.content section.comment span.comment_text textarea {
    width: 100%;
    height: 130px;
    float: left;
    font-size: 80%;
    resize: none;
}

main.content section.comment dl.photo {
    width: 100%;
    float: left;
    padding: 10px 0 0 0;
}

main.content section.comment dl.photo dd {
    width: 66px;
    height: 66px;
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.comment dl.photo dd img {
    width: 100%;
    float: left;
}

main.content section.comment dl.photo dd a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.20);
}

main.content section.comment dl.photo dt {
    width: 66px;
    height: 66px;
    float: left;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.comment dl.photo dt i {
    width: 66px;
    height: 66px;
    float: left;
    line-height: 64px;
    color: #82858C;
    text-align: center;
    font-size: 24px;
}

main.content section.comment dl.photo dt input[type="file"] {
    font-size: 200px;
    position: absolute;
    top: -20px;
    left: -20px;
    opacity: 0;
}

main.content section.comment section.depict {
    width: 100%;
    height: 40px;
    float: left;
    padding: 3px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

main.content section.comment section.depict u {
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 80%;
    text-decoration: none;
}

main.content section.comment section.depict span {
    height: 20px;
    float: left;
    padding: 10px 0;
}

main.content section.comment section.depict span a {
    width: 21px;
    height: 20px;
    float: left;
    margin: 0 0 0 10px;
    background: url(../images/star.png) bottom no-repeat;
}

main.content section.comment section.depict span a.pick {
    background: url(../images/star.png) top no-repeat;
}

main.content section.feedback {
    display: block;
    overflow: hidden;
    padding: 15px 15px 0 15px;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.feedback textarea {
    width: 100%;
    height: 130px;
    float: left;
    font-size: 80%;
}

main.content section.feedback span.feedback_button {
    width: 100%;
    float: left;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.feedback span.feedback_button a {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 94%;
    color: #FFF;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    background: #F5D000;
}

/* 购物车 --------------- */
main.content section.cart {
    height: 88px;
    display: block;
    overflow: hidden;
    margin: 8px 0 0 0;
    padding: 10px;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.cart:nth-child(1) {
    border-top: 0px;
    margin: 0px;
}

main.content section.cart span.cart_pic {
    width: 86px;
    height: 86px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.cart span.cart_pic img {
    width: 100%;
    float: left;
}

main.content section.cart span.check {
    width: 18px;
    height: 18px;
    float: left;
    padding: 35px 0;
    position: relative;
    overflow: hidden;
    margin: 0 10px 0 0;
}

main.content section.cart span.check input[type="checkbox"] {
    display: none;
}

main.content section.cart span.check label.check_label {
    width: 14px;
    height: 14px;
    float: left;
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, 0.15);
}

main.content section.cart span.check label.check_label i {
    width: 10px;
    height: 10px;
    display: none;
    float: left;
    margin: 2px;
    border-radius: 100%;
}

main.content section.cart span.check label.on {
    border: 2px solid #F5D000;
}

main.content section.cart span.check label.on i {
    display: block;
    background: #F5D000;
}

main.content section.cart section.cart_main {
    height: 92px;
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
}

main.content section.cart section.cart_main span.title {
    width: 100%;
    height: 40px;
    float: left;
    text-align: justify;
}

main.content section.cart section.cart_main span.title a {
    width: 100%;
    float: left;
    font-size: 86%;
    line-height: 1.3em;
}

main.content section.cart section.cart_main span.color {
    width: 100%;
    height: 22px;
    float: left;
    text-align: justify;
}

main.content section.cart section.cart_main span.color font {
    width: 100%;
    float: left;
    font-size: 86%;
    line-height: 1.3em;
}

main.content section.cart section.cart_main section.cart_price {
    width: 100%;
    height: 26px;
    float: left;
}

main.content section.cart section.cart_main section.cart_price em {
    height: 26px;
    float: left;
    font-style: normal;
    color: #FE2E2E;
    line-height: 36px;
    font-size: 80%;
}

main.content section.cart section.cart_main section.cart_price span.addto {
    height: 26px;
    float: right;
}

main.content section.cart section.cart_main section.cart_price span.addto input[type="text"] {
    width: 40px;
    height: 24px;
    float: left;
    font-size: 80%;
    text-align: center;
    border-bottom: 1px solid #F5D000;
    border-top: 1px solid #F5D000;
}

main.content section.cart section.cart_main section.cart_price span.addto a {
    width: 26px;
    height: 26px;
    float: left;
    line-height: 25px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background: #F5D000;
}
main.content section.delete {
    width: 100%;
    height: 40px;
    float: left;
    display: none;
    text-align: center;
    background: #FFF;
    position: fixed;
    bottom: 90px;
    left: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.delete i {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    font-size: 110%;
    color: #FE2E2E;
    padding: 0 10px 0 0;
}

main.content section.delete em {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-size: 80%;
    color: #FE2E2E;
}
main.amputate section.amount {
    display: block;
}
main.content section.amount {
    width: 100%;
    height: 40px;
    float: left;
    background: #FFF;
    position: fixed;
    bottom: 50px;
    left: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.amount i {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    font-size: 110%;
    color: #FE2E2E;
    padding: 0 10px 0 0;
}

main.content section.amount em {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-size: 80%;
    color: #FE2E2E;
    margin-left: 20px;
}

main.amputate {
    padding: 0 0 150px 0;
}

main.amputate section.delete {
    display: block;
}

/* 我的收藏 --------------- */
main.content ul.collection {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

main.content ul.collection li {
    width: 50%;
    float: left;
}

main.content ul.collection li section.collection_main {
    display: block;
    overflow: hidden;
    margin: 0 5px 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

main.content ul.collection li span.pic {
    width: 100%;
    float: left;
}

main.content ul.collection li span.pic img {
    width: 100%;
    float: left;
}

main.content ul.collection li section.text {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 5px;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

main.content ul.collection li section.text h2 {
    width: 100%;
    height: 2.6em;
    float: left;
    overflow: hidden;
    padding: 5px 0;
    line-height: 1.3em;
    text-align: justify;
    font-weight: normal;
    font-size: 86%;
}

main.content ul.collection li section.text span.price {
    width: 100%;
    height: 26px;
    float: left;
}

main.content ul.collection li section.text span.price em {
    height: 26px;
    float: left;
    line-height: 26px;
    font-style: normal;
    font-size: 80%;
    color: #FE2E2E;
}

main.content ul.collection li section.text span.price a {
    width: 26px;
    height: 26px;
    float: right;
    line-height: 26px;
    color: #F5D000;
    text-align: center;
}

main.content ul.collection li:nth-child(even) section.collection_main {
    margin: 0 0 10px 5px;
}

/* 产品分类 --------------- */
section.classification {
    width: 88px;
    float: left;
    overflow: auto;
    position: fixed;
    left: 0px;
    top: 0px;
    background: #FFE974;
    border-right: 1px solid rgba(0, 0, 0, 0.02);
}

section.classification ul {
    width: 100%;
    float: left;
}

section.classification ul li {
    width: 100%;
    float: left;
    padding: 12px 0 6px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.classification ul li span {
    width: 100%;
    height: 30px;
    float: left;
}

section.classification ul li span img {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    border-radius: 3px; /*box-shadow:0 0 5px rgba(0,0,0,0.10);*/
}

section.classification ul li em {
    width: 100%;
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 80%;
    text-align: center;
    font-style: normal;
}

section.classification ul li.hover {
    background: #F5D000;
}

section.classification ul li.hover em {
    color: #FFF;
}

section.category {
    height: 1500px;
    display: block;
    overflow: auto;
    padding: 0 0 0 89px;
    background: #FFF;
}

section.category span.title {
    width: 100%;
    height: 36px;
    float: left;
    line-height: 36px;
    text-indent: 10px;
    color: #666;
    font-size: 86%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.category section.leibie_list {
    width: 100%;
    float: left;
}

section.category section.leibie_list a {
    width: 33.333%;
    float: left;
    padding: 0 0 3px 0;
    margin: 0 -1px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}

section.category section.leibie_list a span {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

section.category section.leibie_list a span img {
    width: 100%;
    float: left;
}

section.category section.leibie_list a em {
    width: 100%;
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 76%;
    text-align: center;
    font-style: normal;
}

section.category section.list {
    width: 100%;
    float: left;
}

section.category section.list section.list_main {
    height: 74px;
    overflow: hidden;
    display: block;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.category section.list section.list_main span.pic {
    width: 74px;
    height: 74px;
    float: left;
}

section.category section.list section.list_main span.pic img {
    width: 74px;
    height: 74px;
    float: left;
}

section.category section.list section.list_main section.text {
    height: 74px;
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
}

section.category section.list section.list_main section.text p {
    width: 100%;
    height: 3em;
    float: left;
    text-align: justify;
    line-height: 1.4em;
    font-size: 84%;
    padding: 0 0 12px 0;
}

section.category section.list section.list_main section.text em {
    height: 22px;
    float: left;
    line-height: 22px;
    color: #FE2E2E;
    font-style: normal;
    font-size: 76%;
}

section.category section.list section.list_main section.text a.icon {
    height: 22px;
    float: right;
    line-height: 22px;
    color: #F5D000;
    font-weight: bold;
    font-size: 90%;
}

/* 产品列表 --------------- */
section.product_list {
    width: 100%;
    float: left;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

section.product {
    overflow: hidden;
    display: block;
    padding: 10px 0;
    margin: 0 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.product:nth-child(1) {
    border: 0px;
}

section.product span.pic {
    width: 86px;
    height: 86px;
    float: left;
}

section.product span.pic img {
    width: 86px;
    height: 86px;
    float: left;
}

section.product section.text {
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
}

section.product section.text p {
    width: 100%;
    height: 45px;
    float: left;
    text-align: justify;
    line-height: 1.4em;
    font-size: 84%;
    padding: 0 0 15px 0;
}

section.product section.text em {
    height: 22px;
    float: left;
    line-height: 22px;
    color: #FE2E2E;
    font-style: normal;
    font-size: 70%;
}

section.product section.text em:nth-child(3) {
    color: #666;
    padding: 0 0 0 10px;
}

section.product section.text a.icon {
    height: 22px;
    float: right;
    line-height: 22px;
    color: #F5D000;
    font-weight: bold;
    font-size: 90%;
}

section.ranking {
    width: 100%;
    height: 40px;
    float: left;
    margin: 0 0 10px 0;
    position: relative;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.ranking span {
    height: 40px;
    display: block;
    padding: 0 36px 0 0;
}

section.ranking a {
    width: 33.333%;
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 80%;
}

section.ranking a.hover {
    color: #F5D000;
    font-weight: bold;
    border-bottom: 1px solid #F5D000;
}

section.ranking a.button {
    width: 16px;
    height: 40px;
    float: right;
    padding: 0 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../images/list@2.png) center no-repeat;
    background-size: 16px;
}

main.square section.ranking a.button {
    background: url(../images/list@1.png) center no-repeat;
    background-size: 16px;
}

main.square section.product_list {
    width: auto;
    float: none;
    display: block;
    overflow: hidden;
    background: none;
    border-top: 0px;
    padding: 0 10px 0 0;
}

main.square section.product:nth-child(1), main.square section.product:nth-child(2) {
    margin: 0px;
}

main.square section.product {
    width: 50%;
    float: left;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 10px 0 0 0;
    border-top: 0;
}

main.square section.product span.pic {
    width: auto;
    height: auto;
    float: none;
    overflow: hidden;
    display: block;
    background: #FFF;
    margin: 0 0 0 10px;
}

main.square section.product span.pic img {
    width: 100%;
    height: auto;
    float: left;
}

main.square section.product section.text {
    display: block;
    overflow: hidden;
    padding: 0 8px 10px 8px;
    margin: 0 0 0 10px;
    background: #FFF; /* border-top:1px solid rgba(0,0,0,0.06);*/
}

main.square section.product section.text p {
    width: 100%;
    height: 46px;
    float: left;
    overflow: hidden;
    text-align: justify;
    line-height: 23px;
    font-size: 84%;
    padding: 3px 0 0 0;
}

main.square section.product section.text em {
    height: 22px;
    float: left;
    line-height: 22px;
    color: #FE2E2E;
    font-style: normal;
    font-size: 70%;
}

main.square section.product section.text em:nth-child(3) {
    width: 80%;
    color: #666;
    padding: 0 0 0 0px;
}

main.square section.product section.text a.icon {
    height: 22px;
    float: right;
    line-height: 22px;
    color: #F5D000;
    font-weight: bold;
    font-size: 90%;
}

/* 订单详情 --------------- */
section.oddnumbers {
    width: 100%;
    height: 40px;
    float: left;
    margin: 0 0 10px 0;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

section.oddnumbers em {
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 80%;
    font-style: normal;
    padding: 0 0 0 10px;
}

section.oddnumbers i {
    height: 40px;
    float: right;
    line-height: 40px;
    font-size: 80%;
    font-style: normal;
    padding: 0 10px 0 0;
    color: #FE2E2E;
}

section.check {
    width: 100%;
    float: left;
    margin: 0;
}

section.object {
    margin: 10px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

section.check span.title {
    width: 100%;
    height: 36px;
    float: left;
    line-height: 36px;
    text-indent: 10px;
    font-size: 86%;
    background: #FFF;
}

section.check span.check_title {
    width: 100%;
    height: 36px;
    float: left;
    line-height: 36px;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.check span.check_title i {
    height: 36px;
    float: left;
    font-style: normal;
    font-size: 80%;
    padding: 0 0 0 10px;
}

section.check span.check_title i:nth-child(2) {
    padding: 0 0 0 20px;
}

section.check span.check_title em {
    height: 36px;
    float: right;
    font-style: normal;
    font-size: 76%;
    padding: 0 10px 0 0;
    color: #F5D000;
}

section.check section.product {
    position: relative;
}

section.check section.product span.pic {
    width: 74px;
    height: 74px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

section.check section.product span.pic img {
    width: 74px;
    height: 74px;
    float: left;
}

section.check section.product section.text {
    display: block;
    overflow: hidden;
    padding: 0 80px 0 10px;
}

section.check section.product section.text p {
    width: 100%;
    height: 40px;
    float: left;
    text-align: justify;
    overflow: hidden;
    line-height: 20px;
    font-size: 84%;
    padding: 0;
}

section.check section.product section.text span {
    width: 100%;
    float: left;
    font-size: 76%;
    padding: 10px 0 0 0;
    color: #6E6E6E;
}

section.check section.product section.price_1 {
    width: 75px;
    height: 40px;
    display: block;
    position: absolute;
    top: 10px;
    right: 0px;
}

section.check section.product section.price_1 em {
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
    font-size: 76%;
    font-style: normal;
    color: #FE2E2E;
    text-align: right;
}

section.check section.product section.price_1 i {
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
    font-size: 76%;
    font-style: normal;
    color: #6E6E6E;
    text-align: right;
}

section.check section.check_main {
    display: block;
    overflow: hidden;
    text-align: right;
    padding: 0 10px;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.check section.check_main em {
    height: 40px;
    font-style: normal;
    font-size: 80%;
    display: inline-block;
    line-height: 40px;
    vertical-align: top;
    padding: 0 0 0 5px;
    color: #6E6E6E;
}

section.check section.check_main em i {
    font-style: normal;
    color: #FE2E2E;
}

section.check section.check_main a {
    width: 100%;
    float: left;
    text-align: center;
}

section.check section.check_main i {
    height: 40px;
    display: inline-block;
    line-height: 40px;
    vertical-align: top;
    padding: 0 10px 0 0;
    color: #F5D000;
}

section.check section.check_main u {
    height: 40px;
    display: inline-block;
    line-height: 40px;
    vertical-align: top;
    font-size: 80%;
    color: #666;
    text-decoration: none;
}

section.check section.check_button {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.check section.check_button span {
    width: 100%;
    height: 24px;
    float: left;
    text-align: right;
    padding: 3px 0;
}

section.check section.check_button span em {
    height: 24px;
    display: inline-block;
    font-size: 76%;
    color: #6E6E6E;
    font-style: normal;
    padding: 0 0 0 8px;
}

section.check section.check_button span em i {
    font-style: normal;
    color: #FE2E2E;
}

section.check section.check_button span:nth-child(2) {
    height: 28px;
    padding: 0 0 10px 0;
}

section.check section.check_button span:nth-child(2) a {
    height: 26px;
    display: inline-block;
    vertical-align: top;
    line-height: 26px;
    padding: 0 15px;
    margin: 0 0 0 3px;
    font-size: 80%;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

section.check section.check_button span:nth-child(2) a.strike {
    color: #F5D000;
    border: 1px solid #F5D000;
}

section.address {
    width: 100%;
    float: left;
    position: relative;
    background: #FFF url(../images/addto.png) -26px top repeat-x;
}

section.address a {
    display: block;
    overflow: hidden;
    padding: 10px 40px 20px 40px;
    background: url(../images/addto.png) -26px bottom repeat-x;
}

section.address span.title {
    width: 100%;
    height: 32px;
    float: left;
    font-size: 100%;
}

section.address span.title em {
    height: 32px;
    float: left;
    line-height: 32px;
    font-style: normal;
    font-size: 104%;
}

section.address span.title em:nth-child(2) {
    float: right;
}

section.address p {
    width: 100%;
    float: left;
    font-size: 75%;
    line-height: 1.2em;
    text-align: justify;
    color: #6E6E6E;
}

section.address i:nth-child(1) {
    height: 36px;
    float: left;
    line-height: 100%;
    position: absolute;
    top: 36px;
    left: 10px;
    font-size: 130%;
}

section.address i:nth-child(2) {
    height: 36px;
    float: left;
    line-height: 36px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -15px 0 0 0;
    font-size: 110%;
}

section.add {
    background: #FFF;
}

section.add a {
    padding: 6px 40px 20px 40px;
}

section.address_tan {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

section.address_tan a {
    padding: 6px 15px 20px 15px;
}

section.order {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
}

section.order span.title {
    width: 100%;
    height: 36px;
    float: left;
    line-height: 36px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.order span.title i {
    height: 36px;
    float: left;
    font-size: 86%;
    font-style: normal;
    padding: 0 0 0 10px;
}

section.order span.title em {
    height: 36px;
    float: right;
    font-size: 76%;
    font-style: normal;
    padding: 0 10px 0 0;
    color: #FE2E2E;
}

section.order ul {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.order ul li {
    width: 100%;
    float: left;
}

section.order ul li i {
    height: 30px;
    float: right;
    line-height: 30px;
    padding: 8px 0;
    font-style: normal;
    color: #FE2E2E;
    background: #CCC;
}

section.order ul li em {
    height: 30px;
    float: left;
    line-height: 30px;
    font-style: normal;
    font-size: 80%;
}

section.order ul li em:nth-child(1) {
    width: 80px;
    color: #6E6E6E;
}

section.order ul li:nth-child(1) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.order ul li:nth-child(1) em {
    padding: 8px 0;
}

section.order ul li:nth-child(1) em:nth-child(2) {
    padding: 8px 0;
    color: #F5D000;
}

section.order ul li:nth-child(2) {
    border-bottom: 0px;
    padding: 5px 0 0 0;
}

section.order ul li:nth-child(3) {
    border-bottom: 0px;
    padding: 0 0 5px 0;
}

/*section.order ul li:nth-child(2) em:nth-child(2),section.order ul li:nth-child(3) em:nth-child(2){}*/

section.order_xq {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.order_xq ul {
    display: block;
    overflow: hidden;
    padding: 0 10px 12px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.order_xq ul li {
    width: 100%;
    float: left;
}

section.order_xq ul li em {
    height: 30px;
    float: left;
    line-height: 30px;
    padding: 8px 0 0 0;
    font-style: normal;
    font-size: 76%;
    color: #666;
}

section.order_xq ul li i {
    height: 30px;
    float: right;
    line-height: 30px;
    padding: 8px 0 0 0;
    font-size: 76%;
    font-style: normal;
    color: #666;
//color: #FE2E2E;
}
section.order_xq ul li em.content, section.order_xq ul li i.content {
    height: 20px;
    line-height: 20px;
    color: #666;
}
section.order_xq ul li em.content_main, section.order_xq ul li i.content_main {
    padding: 0 0 5px 0;
}
section.order_xq ul li.underline {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.order_xq ul li em.subject, section.order_xq ul li i.subject {
    height: 20px;
    line-height: 20px;
    font-size: 90%;
    color: #333;
}
section.order_xq ul li i.subject_font {
    font-size: 100%;
    color: #FE2E2E;
}

section.order_xq ul li.result {
    width: auto;
    float: right;
}

section.order_xq ul li.result em {
    float: left;
    font-size: 90%;
    color: #333;
}

section.order_xq ul li.result i {
    float: left;
    font-size: 100%;
    color: #FE2E2E;
}
section.order_xq ul li u.create_date {
    float: right;
    text-decoration: none;
    font-size: 76%;
    color: #666;
    padding: 8px 0 0 0;
}

/* 退货申请 --------------- */
dl.returned {
    width: 100%;
    float: left;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

dl.returned dd {
    display: block;
    overflow: hidden;
    margin: 0 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

dl.returned dd:nth-child(1) {
    border: 0px;
}

dl.returned dd em {
    width: 80px;
    height: 40px;
    float: left;
    font-size: 80%;
    line-height: 40px;
    font-style: normal;
}

dl.returned dd span {
    height: 32px;
    line-height: 32px;
    display: block;
    overflow: hidden;
    padding: 4px 0;
}

dl.returned dd span input[type="text"] {
    width: 100%;
    height: 32px;
    float: left;
    line-height: 32px;
    font-size: 80%;
}
dl.returned dd span.memo {
    height: 100px;
}
dl.returned dd span textarea {
    width: 100%;
    height: 100%;
    float: left;
    line-height: 22px;
    font-size: 80%;
}

/* 用户中心 --------------- */
main.content section.user {
    width: 100%;
    float: left;
    padding: 16px 0 0 0;
    background: #F5D000 url(../images/discount.jpg) top repeat-x;
}

main.content section.user span.user_pic {
    width: 66px;
    height: 66px;
    display: block;
    margin: 0 auto;
    padding: 3px;
    border-radius: 100%;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}

main.content section.user span.user_pic img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

main.content section.user h2 {
    width: 100%;
    height: 30px;
    display: block;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    padding: 5px 0 0 0;
}

main.content section.user p {
    width: 100%;
    height: 20px;
    display: block;
    line-height: 20px;
    padding: 5px 0;
    font-size: 80%;
    text-align: center;
    color: #FFF;
}

main.content section.user_button {
    width: 100%;
    height: 20px;
    float: left;
    padding: 10px 0;
    margin: 15px 0 0 0;
    background: #FFF;
}

main.content section.user_button a {
    width: 50%;
    height: 20px;
    float: left;
    text-align: center;
    margin: 0 0 0 -1px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.user_button a i {
    height: 20px;
    display: inline-block;
    color: #FCD201;
    vertical-align: top;
}

main.content section.user_button a em {
    height: 20px;
    display: inline-block;
    color: #555;
    line-height: 20px;
    font-weight: bold;
    vertical-align: top;
    font-style: normal;
    font-size: 80%;
    padding: 0 0 0 10px;
}

main.content section.user_main {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
}

main.content section.user_main a {
    display: block;
    height: 30px;
    padding: 8px 0;
    margin: 0 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

main.content section.user_main a:nth-child(1) {
    border: 0px;
}

main.content section.user_main a i {
    width: 38px;
    height: 30px;
    float: left;
    color: #666;
}

main.content section.user_main a em {
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 80%;
    color: #333;
    font-style: normal;
}

main.content section.user_main a i:nth-child(3) {
    width: auto;
    height: 30px;
    line-height: 30px;
    float: right;
    font-size: 90%;
}

main.content section.user_main a:nth-child(1) i:nth-child(1) {
    font-size: 100%;
    font-size: 18px;
    line-height: 29px;
}

main.content section.user_main a:nth-child(2) i:nth-child(1) {
    font-size: 100%;
    font-size: 16px;
    line-height: 32px;
}

main.content section.user_main a:nth-child(3) i:nth-child(1) {
    font-size: 100%;
    font-size: 20px;
    line-height: 32px;
}

main.content section.user_main a:nth-child(4) i:nth-child(1) {
    font-size: 100%;
    font-size: 18px;
    line-height: 32px;
}

main.content section.user_main a:nth-child(5) i:nth-child(1) {
    font-size: 100%;
    font-size: 18px;
    line-height: 28px;
}

main.content section.user_main a:nth-child(6) i:nth-child(1) {
    font-size: 100%;
    font-size: 18px;
    line-height: 30px;
}

/* 我的钱包 --------------- */
main.content span.wallet {
    width: 100%;
    float: left;
    padding: 20% 0 0 0;
}

main.content span.wallet i {
    width: 66px;
    height: 66px;
    display: block;
    line-height: 66px;
    font-size: 180%;
    margin: 0 auto;
    border-radius: 80px;
    color: #FFF;
    text-align: center;
    background: #F5D000;
}

main.content span.wallet em {
    width: 100%;
    height: 30px;
    float: left;
    line-height: 30px;
    padding: 5px 0 0 0;
    font-size: 80%;
    text-align: center;
    font-style: normal;
}

main.content span.wallet u {
    width: 100%;
    float: left;
    font-size: 24px;
    text-decoration: none;
    text-align: center;
    padding: 0 0 30px 0;
}

main.content span.wallet a {
    height: 40px;
    display: block;
    overflow: hidden;
    line-height: 40px;
    font-size: 96%;
    color: #FFF;
    text-align: center;
    margin: 10px 15px 0 15px;
    padding: 0 5px;
    background: #F5D000;
    border-radius: 3px;
}

/* 我的记录 --------------- */
section.list_take {
    display: block;
    overflow: hidden;
    padding: 5px 10px;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.list_take section.title {
    width: 100%;
    height: 30px;
    float: left;
    padding: 2px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.list_take section.title em {
    height: 30px;
    float: left;
    font-style: normal;
    line-height: 30px;
    font-size: 80%;
    color: #6E6E6E;
}

section.list_take section.title em:nth-child(1) {
    float: left;
}

section.list_take section.title em:nth-child(2) {
    float: right;
}

section.list_take section.money {
    width: 100%;
    height: 36px;
    float: left;
    padding: 5px 0;
}

section.list_take section.money span.money_title {
    height: 36px;
    float: left;
}
section.list_take section.money span.money_title2 {
    height: 36px;
    float: right;
}

section.list_take section.money span.money_title2 em {
    height: 36px;
    float: left;
    font-style: normal;
    line-height: 36px;
    color: #FE2E2E;
    font-size: 22px;
}
section.list_take section.money span.money_title2 i {
    height: 30px;
    float: left;
    font-style: normal;
    line-height: 36px;
    font-size: 66%;
    padding: 3px 0 0 10px;
}


section.list_take section.money span.money_title em {
    height: 36px;
    float: left;
    font-style: normal;
    line-height: 36px;
    color: #FE2E2E;
    font-size: 22px;
}

section.list_take section.money span.money_title i {
    height: 30px;
    float: left;
    font-style: normal;
    line-height: 36px;
    font-size: 66%;
    padding: 3px 0 0 10px;
}

section.list_take section.money u {
    height: 36px;
    float: right;
    line-height: 36px;
    font-size: 80%;
    color: #6E6E6E;
    text-decoration: none;
}

/* 收货证明 --------------- */
section.prove {
    width: 100%;
    float: left;
    position: relative;
    padding: 40px 0 20px 0;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.prove p {
    min-height: 88px;
    display: block;
    padding: 0 116px 0 10px;
    line-height: 23px;
    font-size: 80%;
    text-align: justify;
    text-indent: 2em;
}

section.prove p i {
    display: inline-block;
    font-style: normal;
    text-align: center;
    text-indent: 0;
    padding: 0 10px;
    border-bottom: 1px solid #666;
}

section.prove span {
    width: 88px;
    height: 88px;
    float: left;
    position: absolute;
    top: 40px;
    right: 10px;
}

section.prove span img {
    width: 100%;
    height: 88px;
    float: left;
}

section.prove section.prove_bottom {
    width: 100%;
    float: left;
    padding: 15px 0 0 0;
}

section.prove section.prove_bottom em {
    height: 30px;
    display: block;
    line-height: 30px;
    overflow: hidden;
    font-size: 80%;
    text-indent: 2em;
    font-style: normal;
    padding: 0 10px;
}

section.prove section.prove_bottom i {
    width: 50%;
    height: 25px;
    float: left;
    line-height: 25px;
    font-size: 80%;
    text-align: center;
    font-style: normal;
    padding: 0 0 0 50%;
}

section.prove section.prove_bottom u {
    width: 50%;
    height: 50px;
    float: left;
    margin: -40px 0 0 0;
    padding: 0 0 0 50%;
}

section.prove section.prove_bottom u img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    border-radius: 66px;
}

section.qr_code {
    width: 100%;
    float: left;
    padding: 15px 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.qr_code span.title {
    width: 100%;
    height: 25px;
    float: left;
    line-height: 25px;
    text-align: center;
    font-size: 90%;
    color: #333;
}

section.qr_code span.pic {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    display: block;
    clear: both;
}

section.qr_code span.pic img {
    width: 160px;
    height: 160px;
    float: left;
    border-radius: 4px;
}

section.qr_code span.ash {
    color: #6E6E6E;
    font-size: 80%;
}

/* 商品详情 --------------- */
section.essential {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.essential h1 {
    width: 100%;
    float: left;
    text-align: justify;
    padding: 10px 0 5px 0;
    font-size: 94%;
    line-height: 1.4em;
    font-weight: normal;
    text-align: justify;
}

section.essential section.essential_main {
    width: 100%;
    float: left;
    padding: 0 0 3px 0;
}

section.essential section.essential_main em {
    height: 34px;
    float: left;
    font-style: normal;
    line-height: 34px;
}

section.essential section.essential_main em:nth-child(1) {
    font-size: 94%;
    color: #FE2E2E;
}

section.essential section.essential_main em:nth-child(2) {
    font-size: 76%;
    padding: 0 0 0 12px;
    color: #6E6E6E;
    text-decoration: line-through;
}

section.essential section.essential_main span {
    height: 20px;
    float: right;
    padding: 7px 0;
}

section.essential section.essential_main span i {
    line-height: 20px;
    font-style: normal;
    float: left;
    font-size: 76%;
    padding: 0 0 0 0;
}

section.essential section.essential_main span i:nth-child(1) {
    padding: 0 10px 0 0;
}

section.essential section.essential_main span i:nth-child(2) {
    padding: 0 0 0 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

section.essential section.huankuan {
    width: 100%;
    float: left;
    padding: 3px 0;
}

section.essential section.huankuan i {
    width: 100%;
    float: left;
    font-style: normal;
    font-size: 80%;
    color: #6E6E6E;
    height: 30px;
    line-height: 30px;
}

section.essential section.huankuan em {
    height: 30px;
    float: left;
    font-style: normal;
    line-height: 30px;
}

section.essential section.huankuan em:nth-child(2) {
    font-size: 76%;
    color: #FE2E2E;
}

section.essential section.huankuan em:nth-child(3) {
    font-size: 76%;
    padding: 0 0 0 12px;
    color: #6E6E6E;
}

section.essential ul {
    width: 100%;
    float: left;
}

section.essential ul li {
    width: 100%;
    float: left;
    padding: 8px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.essential ul li em {
    width: 66px;
    height: 28px;
    float: left;
    line-height: 28px;
    font-size: 80%;
    font-style: normal;
}

section.essential ul li span.colour {
    min-height: 28px;
    display: block;
    overflow: hidden;
}

section.essential ul li span.colour a {
    height: 26px;
    float: left;
    line-height: 26px;
    font-size: 80%;
    margin: 0 8px 8px 0;
    padding: 0 12px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

section.essential ul li span.colour a.hover {
    color: #FFF;
    background: #F5D000;
    border: 1px solid #F5D000;
}

section.essential ul li span.amount {
    height: 28px;
    float: left;
    padding: 0 0 8px 0;
}

section.essential ul li span.amount input[type="text"] {
    width: 40px;
    height: 26px;
    float: left;
    font-size: 80%;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.essential ul li span.amount a {
    width: 26px;
    height: 26px;
    float: left;
    line-height: 28px;
    font-size: 12px;
    color: #6E6E6E;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.06);
}
section.essential ul li:nth-child(3) {
    height: 36px;
    padding: 0;
}

section.essential ul li:nth-child(3) a {
    display: block;
    overflow: hidden;
    text-align: center;
}

section.essential ul li:nth-child(3) a i {
    height: 36px;
    display: inline-block;
    vertical-align: top;
    line-height: 36px;
    color: #F5D000;
}

section.essential ul li:nth-child(3) a em {
    width: auto;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    float: none;
    line-height: 36px;
    font-size: 80%;
    text-align: left;
    color: #F5D000;
    padding: 0 0 0 10px;
}

section.depict_week {
    width: 100%;
    float: left;
    margin: 10px 0 60px 0;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding-bottom: 2rem;
}

section.depict_week span.title {
    width: 100%;
    height: 36px;
    float: left;
    line-height: 36px;
    text-indent: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.depict_week span.picture {
    width: 100%;
    float: left;
}

section.depict_week span.picture img {
    width: 100%;
    float: left;
}
footer.add_pay{
    width: 100%;
    height: 50px;
    float: left;
    position: fixed;
    bottom: 50px;
    left: 0px;
    background: #FEFEFE;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

footer.add_pay span.check {
    height: 50px;
    display: block;
    padding: 0 110px 0 0;
}

footer.add_pay span.check a {
    line-height: 50px;
    font-size: 80%;
    color: #333;
    float: left;
    position: relative;
}
footer.add_pay span.check input[type="checkbox"]{
    line-height: 50px;
    height: 50px;
    font-size: 90%;
    color: #333;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 5px;
}
footer.add_pay span.check input[type="checkbox"]:active,footer.add_pay span.check input[type="checkbox"]:visited,footer.add_pay span.check input[type="checkbox"]:hover{
    border: 0 none;
}
footer.add_pay a.cart {
    width: 60px;
    height: 50px;
    float: right;
    line-height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    color: #FFF;
    font-size: 94%;
    background: #F5D000;
    margin-right: 50px;
}
footer.add_pay a.cart i {
    font-style: normal;
    color: #FFF;
    font-size: 76%;
}

footer.add_submit {
    width: 100%;
    height: 50px;
    float: left;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #FEFEFE;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

footer.add_submit a.cart {
    width: 110px;
    height: 50px;
    float: right;
    line-height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    color: #FFF;
    font-size: 94%;
    background: #F5D000;
}

footer.add_submit span.check {
    height: 50px;
    display: block;
    padding: 0 110px 0 0;
}
footer.add_submit span.check a.back{
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 94%;
    background: #F5D000;
}
footer.add_submit span.check a {
    width: 25%;
    height: 50px;
    float: left;
    position: relative;
}

footer.add_submit span.check a i {
    width: 100%;
    height: 20px;
    float: left;
    text-align: center;
    margin: 7px 0 0 0;
}

footer.add_submit span.check a em {
    width: 100%;
    height: 23px;
    float: left;
    text-align: center;
    line-height: 23px;
    font-style: normal;
    font-size: 12px;
}

footer.add_submit span.check a u {
    height: 16px;
    float: left;
    line-height: 16px;
    padding: 0 5px;
    color: #FFF;
    position: absolute;
    top: -5px;
    right: 20%;
    font-size: 60%;
    background: #F5D000;
    border-radius: 100%;
    text-decoration: none;
}

footer.add_submit span.check a:nth-child(1) i {
    font-size: 24px;
    line-height: 23px;
}

footer.add_submit span.check a:nth-child(2) i.title {
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
}

footer.add_submit span.check a:nth-child(3) i {
    font-size: 22px;
    line-height: 18px;
}

/* 评论列表 --------------- */
section.comment_list {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.comment_list a.title {
    width: 100%;
    height: 36px;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.comment_list a.title em {
    height: 36px;
    float: left;
    font-size: 86%;
    font-style: normal;
    line-height: 36px;
    padding: 0 0 0 10px;
}

section.comment_list a.title i {
    height: 36px;
    float: right;
    line-height: 38px;
    padding: 0 10px 0 0;
    color: #6E6E6E;
}

section.comment_list_main {
    display: block;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.comment_list_main span.title {
    width: 100%;
    height: 32px;
    float: left;
}

section.comment_list_main span.title img {
    width: 32px;
    height: 32px;
    float: left;
    border-radius: 32px;
}

section.comment_list_main span.title em {
    height: 32px;
    float: left;
    font-size: 80%;
    font-style: normal;
    line-height: 32px;
    padding: 0 0 0 10px;
}

section.comment_list_main span.title i {
    height: 32px;
    float: right;
    line-height: 32px;
    font-style: normal;
    font-size: 80%;
    color: #6E6E6E;
}

section.comment_list_main p {
    width: 100%;
    float: left;
    line-height: 1.4em;
    font-size: 80%;
    color: #6E6E6E;
    text-align: justify;
    padding: 10px 0 5px 0;
}

section.comment_list a.more {
    width: 100%;
    height: 40px;
    float: left;
    line-height: 40px;
    color: #F5D000;
    font-size: 80%;
    text-align: center;
}

section.comment_list a.more i {
    color: #F5D000;
    padding: 0 0 0 8px;
}

/* 物流信息 --------------- */
section.logistics {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.logistics span.title {
    width: 100%;
    height: 36px;
    float: left;
    line-height: 36px;
    font-size: 86%;
    text-indent: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.logistics p {
    height: 36px;
    float: left;
    line-height: 36px;
    font-size: 86%;
    text-indent: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.logistics ul {
    display: block;
    overflow: hidden;
    padding: 15px 10px 0 30px;
}

section.logistics ul li {
    width: 100%;
    float: left;
    margin: 0 0 0 -2px;
    padding: 0 0 10px 0;
    position: relative;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

section.logistics ul li i {
    width: 9px;
    height: 9px;
    float: left;
    position: absolute;
    top: 4px;
    left: -5px;
    background: #CCC;
    border-radius: 20px;
}

section.logistics ul li em {
    display: block;
    overflow: hidden;
    font-size: 80%;
    padding: 0 0 10px 0;
    margin: 0 10px 0 20px;
    color: #666;
    text-align: justify;
    font-style: normal;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
}

section.logistics ul li.hover em {
    color: #F5D000;
}

section.logistics ul li.hover em font {
    color: #F5D000;
}

section.logistics ul li.hover em  a{
    color: #666;
}

section.logistics ul li.hover i {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 0px;
    left: -8px;
    background: #F5D000;
    border: 2px solid #FBEEA1;
}

section.logistics ul li:last-child em {
    border-bottom: 0px;
}

/* 翻新 --------------- */
section.process_title {
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF url(../images/title@01.png) center no-repeat;
}

section.process_title i {
    height: 40px;
    display: inline-block;
    line-height: 40px;
    font-size: 92%;
    color: #F5D000;
    font-style: normal;
    padding: 0 10px;
    background: #FFF;
}

/* 流程 --------------- */
section.process {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    position: relative;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.process b.right {
    width: 8px;
    height: 92px;
    display: block;
    position: absolute;
    top: 31px;
    right: 22px;
    background: #DEDEDE;
}

section.process b.left {
    width: 12.5%;
    height: 168px;
    float: left;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 1;
    background: #FFF;
}

section.process b.seu {
    height: 100px;
}

section.process b.muye {
    width: 8px;
    height: 92px;
    display: block;
    background: #DEDEDE;
    position: absolute;
    top: 115px;
    left: 22px;
}

section.process b.sec {
    width: 12%;
    height: 20px;
    display: block;
    position: absolute;
    bottom: 60px;
    left: 12.5%;
    margin: 0 0 0 30px;
    z-index: 2;
    background: #FFF;
}

section.process b.kuen {
    width: 12%;
    height: 20px;
    display: block;
    position: absolute;
    bottom: 60px;
    left: 37%;
    margin: 0 0 0 30px;
    z-index: 2;
    background: #FFF;
}

section.process b.huan {
    background: #FEE801;
}

section.process ul {
    display: block;
    overflow: hidden;
    padding: 10px 30px 10px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.process ul li {
    width: 25%;
    height: 31px;
    float: left;
    padding: 48px 0 5px 0;
    position: relative;
    background: url(../images/process.png) 0 20px repeat-x;
}

section.process ul li span {
    width: 40px;
    height: 40px;
    padding: 4px;
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 2;
    margin: 0 0 0 -24px;
    border-radius: 100%;
    background: #DEDEDE;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

section.process ul li span i {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 100%;
    background: #FFF;
}

section.process ul li em {
    width: 100%;
    height: 31px;
    float: left;
    font-style: normal;
    line-height: 31px;
    text-align: center;
    font-size: 80%;
    position: relative;
    z-index: 2;
}

section.process ul li.hover {
    background: url(../images/process_hover.png) 0 20px repeat-x;
}

section.process ul li.hover span {
    background: #FEE801;
}

section.process ul li.hover em {
    color: #F5D000;
    font-weight: bold;
}

section.fanx ul {
    padding: 10px 30px;
}

section.testing ul li:nth-child(5) {
    width: 33.333%;
    float: right;
}

section.testing ul li:nth-child(6) {
    width: 33.333%;
    float: right;
}

section.testing ul li:nth-child(7) {
    width: 33.333%;
    float: right;
}

section.process ul li span i.t01 {
    background: #FFF url(../images/process_icon.png) 9px 11px no-repeat;
}

section.process ul li span i.t02 {
    background: #FFF url(../images/process_icon.png) 9px -27px no-repeat;
}

section.process ul li span i.t03 {
    background: #FFF url(../images/process_icon.png) 9px -65px no-repeat;
}

section.process ul li span i.t04 {
    background: #FFF url(../images/process_icon.png) 9px -103px no-repeat;
}

section.process ul li span i.t05 {
    background: #FFF url(../images/process_icon.png) 9px -141px no-repeat;
}

section.process ul li span i.t06 {
    background: #FFF url(../images/process_icon.png) 9px -179px no-repeat;
}

section.process ul li span i.t07 {
    background: #FFF url(../images/process_icon.png) 9px -217px no-repeat;
}

section.process ul li span i.t08 {
    background: #FFF url(../images/process_icon.png) 9px -255px no-repeat;
}

section.process ul li span i.t09 {
    background: #FFF url(../images/process_icon.png) 9px -293px no-repeat;
}

section.process ul li span i.t10 {
    background: #FFF url(../images/process_icon.png) 9px -331px no-repeat;
}

section.process ul li span i.t11 {
    background: #FFF url(../images/process_icon.png) 9px -369px no-repeat;
}

section.process ul li span i.t12 {
    background: #FFF url(../images/process_icon.png) 9px -407px no-repeat;
}

section.process ul li span i.t13 {
    background: #FFF url(../images/process_icon.png) 9px -445px no-repeat;
}

section.process ul li span i.t14 {
    background: #FFF url(../images/process_icon.png) 9px -483px no-repeat;
}

section.process ul li.hover span i.t01 {
    background: #FFF url(../images/process_icon.png) -33px 11px no-repeat;
}

section.process ul li.hover span i.t02 {
    background: #FFF url(../images/process_icon.png) -33px -27px no-repeat;
}

section.process ul li.hover span i.t03 {
    background: #FFF url(../images/process_icon.png) -33px -65px no-repeat;
}

section.process ul li.hover span i.t04 {
    background: #FFF url(../images/process_icon.png) -33px -103px no-repeat;
}

section.process ul li.hover span i.t05 {
    background: #FFF url(../images/process_icon.png) -33px -141px no-repeat;
}

section.process ul li.hover span i.t06 {
    background: #FFF url(../images/process_icon.png) -33px -179px no-repeat;
}

section.process ul li.hover span i.t07 {
    background: #FFF url(../images/process_icon.png) -33px -217px no-repeat;
}

section.process ul li.hover span i.t08 {
    background: #FFF url(../images/process_icon.png) -33px -255px no-repeat;
}

section.process ul li.hover span i.t09 {
    background: #FFF url(../images/process_icon.png) -33px -293px no-repeat;
}

section.process ul li.hover span i.t10 {
    background: #FFF url(../images/process_icon.png) -33px -331px no-repeat;
}

section.process ul li.hover span i.t11 {
    background: #FFF url(../images/process_icon.png) -33px -369px no-repeat;
}

section.process ul li.hover span i.t12 {
    background: #FFF url(../images/process_icon.png) -33px -407px no-repeat;
}

section.process ul li.hover span i.t13 {
    background: #FFF url(../images/process_icon.png) -33px -445px no-repeat;
}

section.process ul li.hover span i.t14 {
    background: #FFF url(../images/process_icon.png) -33px -483px no-repeat;
}

/* 拍照 --------------- */
section.photograph {
    width: 100%;
    float: left;
    margin: 10px 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.top {
    margin: 10px 0 0 0;
}

section.photograph ul {
    width: 100%;
    float: left;
}

section.photograph ul li {
    width: 33.333%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 -1px 0 0;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.photograph ul li span {
    height: 119px;
    display: block;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.photograph ul li img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

section.photograph ul li a {
    width: 25px;
    height: 25px;
    display: block;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.20);
}

section.photograph ul li i {
    height: 87px;
    display: block;
    overflow: hidden;
    padding: 10px;
    line-height: 87px;
    text-align: center;
    font-size: 34px;
    color: #CCC;
}

section.photograph ul li input[type="file"] {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 300px;
    opacity: 0;
}

section.photograph p {
    display: block;
    overflow: hidden;
    padding: 10px;
    line-height: 1.4em;
    text-align: justify;
    font-size: 80%;
    color: #666;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.photograph ul li:nth-child(1),
section.photograph ul li:nth-child(2),
section.photograph ul li:nth-child(3) {
    border-top: 0px;
}

section.case {
    width: 100%;
    float: left;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.case section.process_title i {
    color: #333;
}

section.case ul {
    display: block;
    clear: both;
    margin: 0 10px;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.case ul li {
    width: 33.333%;
    height: 113px;
    float: left;
    margin: 0 0 0 -1px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

section.case ul li span {
    width: 100%;
    height: 87px;
    float: left;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.case ul li span img {
    width: 87px;
    display: block;
    margin: 0 auto;
}

section.case ul li em {
    width: 100%;
    height: 26px;
    float: left;
    line-height: 26px;
    font-style: normal;
    text-align: center;
    font-size: 80%;
}

section.case ul li:nth-child(3) {
    height: 40px;
    padding: 36px 0 37px 0;
}

section.case ul li i {
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
    text-align: center;
    font-size: 80%;
    font-style: normal;
}

section.case ul li i:nth-child(2) {
    color: #FE2E2E;
}

/* 产品信息 --------------- */
dl.add_product {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

dl.add_product dt {
    width: 100%;
    height: 40px;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

dl.add_product dt a {
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 80%;
    color: #666;
}

dl.add_product dd {
    width: 100%;
    height: 45px;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

dl.add_product dd em {
    width: 80px;
    height: 45px;
    line-height: 45px;
    float: left;
    color: #666;
    text-align: right;
    font-style: normal;
    padding: 0 10px 0 20px;
}

dl.add_product dd span {
    height: 32px;
    line-height: 32px;
    display: block;
    overflow: hidden;
    padding: 4px 10px 4px 0;
}
dl.add_product,dl.parameter dd span.error {
    color:#f00;
    font-size: 80%;
}
.has-error{
    border:1px solid #f00 !important;
}
.has-error-right{
    border-right:2px solid #f00 !important;
}
.has-no-error{
    border: 0 none;
}
.has-no-error-right{
    border-right:1px solid #ccc;
}

dl.add_product dd span input[type="text"] {
    width: 100%;
    height: 32px;
    float: left;
    font-size: 80%;
    line-height: 32px;
}
dl.add_product dd span input[type="number"] {
    width: 100%;
    height: 32px;
    float: left;
    font-size: 80%;
    line-height: 32px;
    border-radius: 3px;
}

dl.add_product dd span.check {
    height: 32px;
    float: left;
    padding: 4px 30px 4px 0;
    position: relative;
    overflow: hidden;
}

dl.add_product dd span.check input[type="radio"] {
    display: none;
}

dl.add_product dd span.check label.check_label {
    width: 14px;
    height: 14px;
    float: left;
    margin: 7px 0;
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, 0.20);
}

dl.add_product dd span.check label.check_label i {
    width: 10px;
    height: 10px;
    display: none;
    float: left;
    margin: 2px;
    border-radius: 100%;
}

dl.add_product dd span.check label.on {
    border: 2px solid #F5D000;
}

dl.add_product dd span.check label.on i {
    display: block;
    background: #F5D000;
}

dl.add_product dd span.check u {
    height: 32px;
    float: left;
    font-size: 80%;
    line-height: 32px;
    padding: 0 0 0 8px;
    text-decoration: none;
}

section.prompt_tisi {
    width: 100%;
    float: left;
    padding: 10px 0;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.prompt_tisi p {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    text-align: justify;
    font-size: 80%;
    line-height: 1.6em;
    color: #888;
}

section.numbers {
    width: 100%;
    float: left;
    padding: 10px 0 0 0;
}

section.numbers section.numbers_list {
    height: 40px;
    display: block;
    overflow: hidden;
    font-size: 60%;
    padding: 0 10px;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.numbers section.numbers_list span {
    width: 50%;
    height: 40px;
    text-align: left;
}

section.numbers section.numbers_list span i {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-style: normal;
}

section.numbers section.numbers_list span em {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-style: normal;
}

/*section.numbers section.numbers_list span:nth-child(2){ text-align:right;}*/
section.numbers section.numbers_button {
    height: 34px;
    display: block;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    background: #FFF;
}

section.numbers section.numbers_button span {
    width: 50%;
    height: 34px;
    float: left;
}

section.numbers section.numbers_button span a {
    height: 34px;
    display: block;
    font-size: 80%;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    margin: 0 10px 0 0;
    background: #E6E6E6;
    border-radius: 3px;
}

section.numbers section.numbers_button span.hover a {
    background: #F5D000;
    color: #FFF;
}

section.numbers section.code_button {
    height: 34px;
    display: block;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    background: #FFF;
}

section.numbers section.code_button span {
    width: 50%;
    height: 32px;
    display: inline-block;
    overflow: hidden;
    padding: 2px 0;
}

section.numbers section.code_button em {
    width: 130px;
    height: 40px;
    float: right;
    line-height: 40px;
    color: #666;
    text-align: right;
    font-size: 80%;
    font-style: normal;
    padding: 0 20px 0 0;
}

section.numbers section.code_button span input[type="text"] {
    width: 100%;
    height: 32px;
    float: left;
    font-size: 80%;
    line-height: 32px;
}

section.numbers section.code_button em a {
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    margin: 0 10px 0 0;
    background: #E6E6E6;
    border-radius: 3px;
}

section.numbers section.code_button em a.hover {
    background: #F5D000;
    color: #FFF;
}

section.retrofit {
    width: 100%;
    float: left;
    display: block;
}

section.retrofit section.address {
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.retrofit section.address a {
    padding: 6px 10px 20px 10px;
}

section.retrofit section.logistics {
    margin: 10px 0 0 0;
}

section.hide {
    display: none;
}

section.shouhuo {
    margin: 10px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.pinjia {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
}

section.empty {
    width: 100%;
    float: left;
    padding: 20px 0 30px 0;
    background: #FFF;
}

section.empty i {
    width: 100%;
    height: 66px;
    float: left;
    line-height: 66px;
    color: #888;
    text-align: center;
    font-size: 40px;
}

section.empty em {
    width: 100%;
    float: left;
    text-align: center;
    font-style: normal;
    color: #888;
    font-size: 80%;
}

section.report {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.report span.title {
    width: 100%;
    height: 36px;
    float: left;
    line-height: 36px;
    font-size: 86%;
    text-indent: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.report section.report_mian {
    display: block;
    overflow: hidden;
    padding: 10px;
}

section.report section.report_mian p {
    width: 100%;
    line-height: 23px;
    font-size: 80%;
}
section.report img {
    width: 100%;
    float: left;
}

section.price {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    padding: 10px 0 20px 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.price span.title {
    line-height: 1.6em;
    font-size: 86%;
    display: block;
    overflow: hidden;
    margin: -10px 0 0 0;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.price i {
    width: 60%;
    height: 40px;
    float: left;
    line-height: 40px;
    margin: 0 20%;
    text-align: center;
    font-style: normal;
    font-size: 80%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.price em {
    width: 100%;
    height: 60px;
    float: left;
    line-height: 60px;
    text-align: center;
    font-style: normal;
    font-size: 130%;
    color: #FE2E2E;
}

section.price_button {
    height: 36px;
    display: block;
    overflow: hidden;
    padding: 10px 0 10px 10px;
}

section.price_button span {
    width: 50%;
    height: 36px;
    float: left;
}

section.price_button span a {
    height: 36px;
    display: block;
    overflow: hidden;
    color: #FFF;
    line-height: 36px;
    text-align: center;
    font-size: 94%;
    margin: 0 10px 0 0;
    border-radius: 3px;
    background: #F5D000;
}

section.express {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.express span.title {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 80%;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.express ul {
    display: block;
    overflow: hidden;
    padding: 0 10px;
}

section.express ul li {
    width: 100%;
    height: 40px;
    float: left;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.express ul li:nth-child(1) {
    border: 0px;
}

section.express ul li u {
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 80%;
    text-decoration: none;
}

section.express ul li span {
    height: 40px;
    line-height: 40px;
    display: block;
    overflow: hidden;
}

section.express ul li span input[type="text"] {
    width: 100%;
    height: 40px;
    float: left;
}

section.express ul li span input.logisticsno {
    height:34px;border:1px solid #ccc;border-radius: 4px;font-size:90%;width:70%;margin-right: 20px;padding-left: 10px;
}
section.express ul li a {
    height: 40px;
    line-height: 40px;
    color: #FFF;
    font-size: 80%;
    padding: 0 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #F5D000;
}

section.buy {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.buy span.title {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 86%;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.buy ul {
    width: 100%;
    float: left;
}

section.buy ul li {
    width: 33.333%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 -1px 0 0;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.buy ul li span {
    height: 87px;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    margin: 10px 0 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.buy ul li img {
    width: 87px;
    display: block;
    margin: 0 auto;
}

section.buy ul li em {
    width: 100%;
    height: 30px;
    float: left;
    line-height: 30px;
    text-align: center;
    font-size: 80%;
    font-style: normal;
    color: #FE2E2E;
}

section.gold {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.gold span.title {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 86%;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.gold p {
    display: block;
    overflow: hidden;
    padding: 8px 10px;
    color: #666;
    font-size: 76%;
    text-align: justify;
    line-height: 1.6em;
}

section.gold ul {
    width: 100%;
    float: left;
}

section.gold ul li {
    width: 50%;
    height: 40px;
    float: left;
    font-size: 80%;
    text-align: center;
    color: #6E6E6E;
    line-height: 40px;
    margin: 0 0 0 -1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

section.buy_recovery {
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 0 0 10px 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.buy_recovery span.title {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 86%;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.buy_recovery ul li {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 -1px 0 0;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.buy_recovery ul li span.pic {
    height: 87px;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    margin: 10px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.buy_recovery ul li img {
    width: 87px;
    display: block;
    margin: 0 auto;
}

section.buy_recovery ul li span.text {
    display: block;
    overflow: hidden;
    margin: 0 10px 8px 10px;
    padding: 8px 0 0 0;
    border-top: 1px dashed rgba(0, 0, 0, 0.06);
}

section.buy_recovery ul li span.text em {
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 76%;
    font-style: normal;
}

section.buy_recovery ul li span.text i {
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
    font-size: 76%;
    font-style: normal;
    text-align: center;
    color: #FE2E2E;
}

section.product_tab {
    width: 100%;
    height: 40px;
    float: left;
    background: #FFF; /* border-top:1px solid rgba(0,0,0,0.06);*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.product_tab a {
    width: 50%;
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 80%;
}

section.product_tab a.hover {
    color: #F5D000;
    font-weight: bold;
    border-bottom: 1px solid #F5D000;
}

section.four {
    margin: 0;
    border-top: 0px;
}

section.four a {
    width: 20%;
}

section.four a.hover {
    color: #FFF;
    background: #F5D000;
}

section.metal {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
}

section.metal dl.parameter {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.metal dl.parameter dt {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 86%;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.metal dl.parameter dd {
    height: 40px;
    display: block;
    overflow: hidden;
    overflow: hidden;
    position: relative;
    margin: 0 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.metal dl.parameter dd:last-child {
    border: 0px;
}

section.metal dl.parameter dd u {
    width: 74px;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 80%;
    text-decoration: none;
    text-align: center;
}

section.metal dl.parameter dd span {
    height: 32px;
    line-height: 32px;
    display: block;
    overflow: hidden;
    padding: 4px 0;
}
section.metal dl.parameter dd span input[type="number"] {
    width: 100%;
    height: 32px;
    float: left;
    line-height: 32px;
    font-size: 80%;
    border:1px solid #ccc;
    padding-left: 10px;
    border-radius: 4px;
}

section.metal dl.parameter dd span input[type="text"] {
    width: 33.3333% !important;
    height: 32px;
    float: left;
    line-height: 32px;
    font-size: 80%;
    border:1px solid #ccc;
    padding-left: 10px;
    border-radius: 4px;
}

section.metal dl.parameter dd em {
    height: 32px;
    line-height: 32px;
    display: block;
    padding: 0 15px;
    font-size: 80%;
    font-style: normal;
    position: absolute;
    top: 5px;
    right: 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0 2px 2px 0;
}

section.metal dl.parameter dd span.check {
    height: 32px;
    float: left;
    padding: 4px 30px 4px 0;
    position: relative;
    overflow: hidden;
}

section.metal dl.parameter dd span.check input[type="radio"] {
    display: none;
}

section.metal dl.parameter dd span.check label.check_label {
    width: 14px;
    height: 14px;
    float: left;
    margin: 7px 0;
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, 0.20);
}

section.metal dl.parameter dd span.check label.check_label i {
    width: 10px;
    height: 10px;
    display: none;
    float: left;
    margin: 2px;
    border-radius: 100%;
}

section.metal dl.parameter dd span.check label.on {
    border: 2px solid #F5D000;
}

section.metal dl.parameter dd span.check label.on i {
    display: block;
    background: #F5D000;
}

section.metal dl.parameter dd span.check b {
    height: 32px;
    float: left;
    font-size: 80%;
    font-weight: normal;
    line-height: 32px;
    padding: 0 0 0 8px;
}

section.parameter_buttom {
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.cash {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
    margin: 10px 0 0 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.cash span.title {
    width: 100%;
    float: left;
    padding: 20px 0;
    font-weight: bold;
    color: #F5D000;
    text-align: center;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
}

section.cash span.cash_title {
    width: 100%;
    height: 20px;
    float: left;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    font-size: 80%;
}

section.cash span.cash_price {
    width: 100%;
    float: left;
    color: #FE2E2E;
    font-size: 22px;
    padding: 0 0 10px 0;
    text-align: center;
    font-weight: bold;
}

section.cash ul {
    height: 20px;
    display: block;
    overflow: hidden;
    padding: 10px 20px 0 20px;
    background: #F5F5F5;
}

section.cash ul li {
    width: 20%;
    height: 20px;
    float: left;
    line-height: 15px;
    text-align: center;
    font-size: 80%;
}

section.cash ul:nth-child(4) {
    padding: 0 20px 10px 20px;
}

section.cash ul:nth-child(4) li {
    color: #666;
}

section.mode {
    width: 100%;
    float: left;
    margin: 10px 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.mode ul {
    display: block;
    overflow: hidden;
    padding: 0 10px;
}

section.mode ul li {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-top: 1px dashed rgba(0, 0, 0, 0.06);
}

section.mode ul li:nth-child(1) {
    border: 0px;
}

section.mode ul li em {
    width: 40px;
    height: 50px;
    float: left;
    padding: 0 15px 0 0;
    line-height: 50px;
    color: #FE2E2E;
    font-size: 36px;
}

section.mode ul li span {
    height: 40px;
    padding: 5px 0;
    line-height: 20px;
    color: #666;
    text-align: justify;
    display: block;
    overflow: hidden;
    font-size: 80%;
}

section.mode ul li span i {
    color: #FE2E2E;
    font-style: normal;
}

section.need {
    width: 100%;
    float: left;
    margin: 10px 0;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.need span.title {
    width: 100%;
    height: 36px;
    float: left;
    line-height: 36px;
    font-size: 86%;
    text-indent: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.need p {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 80%;
    line-height: 1.6em;
    color: #666;
    text-align: justify;
    text-indent: 2em;
}

/* 状态 --------------- */
section.screen {
    width: 100%;
    float: left;
    background: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.screen ul {
    width: 100%;
    height: 24px;
    float: left;
    padding: 8px 0;
}

section.screen ul.two li {
    width: 50%;
}

section.screen ul.five li {
    width: 20%;
}

section.screen ul li {
    height: 24px;
    float: left;
    line-height: 24px;
    text-align: center;
    margin: 0 0 0 -1px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

section.screen ul li:nth-child(1) {
    margin: 0;
    border: 0px;
}

section.screen ul li i {
    max-width: 70%;
    display: inline-block;
    padding: 0 16px 0 0;
    font-style: normal;
    text-align: center;
    font-size: 76%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/state@icon.png) right 10px no-repeat;
}

section.screen ul li a.mei {
    max-width: 90%;
    display: inline-block;
    padding: 0 5%;
    font-style: normal;
    text-align: center;
    font-size: 76%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

section.screen ul li.show i {
    color: #F5D000;
    font-weight: bold;
    background: url(../images/state@icon.png) right -10px no-repeat;
}

section.screen ul li section.state_main {
    display: none;
    position: fixed;
    top: 41px;
    left: 0px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.40);
}

section.screen ul li.show section.state_main {
    width: 100%;
    height: 100%;
    display: block;
}

section.screen ul li.show section.state_main dl.lx {
    width: 100%;
    max-height: 226px;
    float: left;
    float: left;
    overflow: auto;
    background: #FFF;
}

section.screen ul li.show section.state_main dl.lx dd {
    width: 50%;
    float: left;
}

section.screen ul li.show section.state_main dl.lx dd a {
    height: 34px;
    display: block;
    margin: 5px 10px;
    line-height: 34px;
    font-size: 80%;
    padding: 1px 10px;
    border-radius: 3px;
    background: #F5F5F5;
}

section.screen ul li.show section.state_main dl.lx dd:nth-child(even) a {
    margin: 5px 10px 5px 5px;
}

section.screen ul li.show section.state_main dl.lx dd:nth-child(odd) a {
    margin: 5px 5px 5px 10px;
}

section.change {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    background: #FFF;
}

section.change span.title {
    width: 100%;
    height: 40px;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

section.change span.title em {
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 86%;
    font-style: normal;
    padding: 0 0 0 10px;
}

section.change span.title a {
    height: 40px;
    float: right;
    line-height: 40px;
    font-size: 80%;
    font-style: normal;
    padding: 0 10px 0 0;
    color: #FE2E2E;
}

section.change ul {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

section.change ul li {
    width: 50%;
    float: left;
}

section.change ul li section.collection_main {
    display: block;
    overflow: hidden;
    margin: 0 5px 10px 0;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
}

section.change ul li span.pic {
    width: 100%;
    float: left;
}

section.change ul li span.pic img {
    width: 100%;
    float: left;
}

section.change ul li section.text {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

section.change ul li section.text h2 {
    width: 100%;
    height:1.6em;
    float: left;
    overflow: hidden;
    padding: 5px 0;
    line-height: 1.3em;
    text-align: justify;
    font-weight: normal;
    font-size: 80%;
}

section.change ul li section.text span.price {
    width: 100%;
    float: left;
}

section.change ul li section.text span.price em {
    height: 20px;
    display: block;
    overflow: hidden;
    line-height: 20px;
    padding: 0 10px;
    font-style: normal;
    font-size: 76%;
    color: #FE2E2E;
    background: #F6F6F6;
}

section.change ul li section.text span.price em:nth-child(2) {
    color: #666;
}

section.dingdan_list {
    width: 100%;
    float: left;
}

section.dingdan_list section.product {
    position: relative;
}

section.dingdan_list section.product span.pic {
    width: 74px;
    height: 74px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

section.dingdan_list section.product span.pic img {
    width: 74px;
    height: 74px;
    float: left;
}

section.dingdan_list section.product section.text {
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
}

section.dingdan_list section.product section.text p {
    width: 100%;
    height: 20px;
    float: left;
    text-align: justify;
    overflow: hidden;
    line-height: 20px;
    font-size: 84%;
    padding: 0;
}

section.dingdan_list section.product section.text span {
    width: 100%;
    float: left;
    font-size: 80%;
    padding: 6px 0;
    text-align: right;
    color: #6E6E6E;
}

section.dingdan_list section.product em {
    width: 75px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-size: 76%;
    font-style: normal;
    color: #6E6E6E;
    text-align: right;
    position: absolute;
    top: 10px;
    right: 0px;
}

section.dingdan_list section.product span.hange {
    display: block;
    overflow: hidden;
    height: 26px;
    padding: 0 0 0 10px;
}

section.dingdan_list section.product span.hange i {
    height: 26px;
    float: left;
    font-size: 80%;
    line-height: 26px;
    color: #FE2E2E;
    font-style: normal;
}

section.dingdan_list section.product span.hange a {
    height: 20px;
    float: right;
    margin: 3px 0;
    font-size: 76%;
    line-height: 20px;
    color: #6E6E6E;
    padding: 0 10px;
    border-left: 1px dashed rgba(0, 0, 0, 0.06);
}

section.dingdan_list section.product span.hange a:nth-child(2) {
    padding: 0 0 0 10px;
}

section.dingdan_list section.product span.hange a:nth-child(3) {
    border: 0px;
    padding: 0 10px 0 0;
}

/*section.dingdan_list section.product section.price_1 em{ width:100%; height:20px; float:left; line-height:20px; font-size:76%; font-style:normal; color:#6E6E6E; text-align:right;}
section.dingdan_list section.product section.price_1 i{ width:100%; height:20px; float:left; line-height:20px; font-size:76%; font-style:normal; color:#6E6E6E; text-align:right;}
*/

.tool-tip {
    position: fixed;
    z-index: 10000;
    top: 20px;
    width: 100%;
    text-align: center;
    animation: tooltipmessage 3s;
    -moz-animation: tooltipmessage 3s; /* Firefox */
    -webkit-animation: tooltipmessage 3s; /* Safari 和 Chrome */
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;

}

.tool-tip-message {
    background-color: #f26604;
    color: #ffffff;
    text-align: center;
    padding: 0.2rem 1.2rem;
    border-radius: 0.8rem;
}

.tool-tip-message-success {
    background-color: #33cd5f;
    color: #ffffff;
    text-align: center;
    padding: 0.2rem 1.2rem;
    border-radius: 0.8rem;
}

@-webkit-keyframes tooltipmessage {
    0% {
        -webkit-transform: translate(0, -1em);
        transform: translate(0, -1em);
    }
    10% {
        -webkit-transform: translate(0, 0em);
        transform: translate(0, 0em);
        opacity: 1;
    }
    90% {
        -webkit-transform: translate(0, 0em);
        transform: translate(0, 0em);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, -1em);
        transform: translate(0, -1em);
        opacity: 0;
    }
}

@keyframes tooltipmessage {
    0% {
        -webkit-transform: translate(0, -1em);
        transform: translate(0, -1em);
    }
    10% {
        -webkit-transform: translate(0, 0em);
        transform: translate(0, 0em);
        opacity: 1;
    }
    90% {
        -webkit-transform: translate(0, 0em);
        transform: translate(0, 0em);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, -1em);
        transform: translate(0, -1em);
        opacity: 0;
    }
}

.pane {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 0;
    transition-duration: 0;
    z-index: 1;
}

.view {
    z-index: 1;
}

.pane,
.view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
}

.overflow-scroll.pane {
    overflow-x: hidden;
    overflow-y: scroll;
}

.content {
    position: relative;
}

.scroll-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin-top: -1px;
    padding-top: 1px;
    margin-bottom: -1px;
    width: auto;
    height: auto;
}

.scroll {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

ion-infinite-scroll {
    height: 60px;
    width: 100%;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

ion-infinite-scroll .icon {
    color: #666666;
    font-size: 30px;
    color: #666666;
}

ion-infinite-scroll:not(.active) .spinner,
ion-infinite-scroll:not(.active) .icon:before {
    display: none;
}

.overflow-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.overflow-scroll.pane {
    overflow-x: hidden;
    overflow-y: scroll;
}

.overflow-scroll .scroll {
    position: static;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
}

/**
 * Spinners
 * --------------------------------------------------
 */
.spinner {
    stroke: #444;
    fill: #444;
}

.spinner svg {
    width: 28px;
    height: 28px;
}

.spinner.spinner-light {
    stroke: #fff;
    fill: #fff;
}

.spinner.spinner-stable {
    stroke: #f8f8f8;
    fill: #f8f8f8;
}

.spinner.spinner-positive {
    stroke: #387ef5;
    fill: #387ef5;
}

.spinner.spinner-calm {
    stroke: #11c1f3;
    fill: #11c1f3;
}

.spinner.spinner-balanced {
    stroke: #33cd5f;
    fill: #33cd5f;
}

.spinner.spinner-assertive {
    stroke: #ef473a;
    fill: #ef473a;
}

.spinner.spinner-energized {
    stroke: #ffc900;
    fill: #ffc900;
}

.spinner.spinner-royal {
    stroke: #886aea;
    fill: #886aea;
}

.spinner.spinner-dark {
    stroke: #444;
    fill: #444;
}

.spinner-android {
    stroke: #4b8bf4;
}

.spinner-ios,
.spinner-ios-small {
    stroke: #69717d;
}

.spinner-spiral .stop1 {
    stop-color: #fff;
    stop-opacity: 0;
}

.spinner-spiral.spinner-light .stop1 {
    stop-color: #444;
}

.spinner-spiral.spinner-light .stop2 {
    stop-color: #fff;
}

.spinner-spiral.spinner-stable .stop2 {
    stop-color: #f8f8f8;
}

.spinner-spiral.spinner-positive .stop2 {
    stop-color: #387ef5;
}

.spinner-spiral.spinner-calm .stop2 {
    stop-color: #11c1f3;
}

.spinner-spiral.spinner-balanced .stop2 {
    stop-color: #33cd5f;
}

.spinner-spiral.spinner-assertive .stop2 {
    stop-color: #ef473a;
}

.spinner-spiral.spinner-energized .stop2 {
    stop-color: #ffc900;
}

.spinner-spiral.spinner-royal .stop2 {
    stop-color: #886aea;
}

.spinner-spiral.spinner-dark .stop2 {
    stop-color: #444;
}

.scroll-refresher {
    position: absolute;
    top: -60px;
    right: 0;
    left: 0;
    overflow: hidden;
    margin: auto;
    height: 60px;
}

.scroll-refresher .ionic-refresher-content {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    color: #666666;
    text-align: center;
    font-size: 30px;
}

.scroll-refresher .ionic-refresher-content .text-refreshing,
.scroll-refresher .ionic-refresher-content .text-pulling {
    font-size: 16px;
    line-height: 16px;
}

.scroll-refresher .ionic-refresher-content.ionic-refresher-with-text {
    bottom: 10px;
}

.scroll-refresher .icon-refreshing,
.scroll-refresher .icon-pulling {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.scroll-refresher .icon-pulling {
    -webkit-animation-name: refresh-spin-back;
    animation-name: refresh-spin-back;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.scroll-refresher .icon-refreshing,
.scroll-refresher .text-refreshing {
    display: none;
}

.scroll-refresher .icon-refreshing {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.scroll-refresher.active .icon-pulling:not(.pulling-rotation-disabled) {
    -webkit-animation-name: refresh-spin;
    animation-name: refresh-spin;
    -webkit-transform: translate3d(0, 0, 0) rotate(-180deg);
    transform: translate3d(0, 0, 0) rotate(-180deg);
}

.scroll-refresher.active.refreshing {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.scroll-refresher.active.refreshing .icon-pulling,
.scroll-refresher.active.refreshing .text-pulling {
    display: none;
}

.scroll-refresher.active.refreshing .icon-refreshing,
.scroll-refresher.active.refreshing .text-refreshing {
    display: block;
}

.scroll-refresher.active.refreshing.refreshing-tail {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

/**
 * Modals
 * --------------------------------------------------
 * Modals are independent windows that slide in from off-screen.
 */
.modal-backdrop,
.modal-backdrop-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%; }

.modal-backdrop-bg {
    pointer-events: none; }

.modal {
    display: block;
    position: absolute;
    top: 0;
    z-index: 10;
    overflow: hidden;
    min-height: 100%;
    width: 100%;
    background-color: #fff; }

@media (min-width: 680px) {
    .modal {
        top: 20%;
        right: 20%;
        bottom: 20%;
        left: 20%;
        min-height: 240px;
        width: 60%; }
    .modal.ng-leave-active {
        bottom: 0; }
    .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
        height: 44px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
        margin-top: 0; }
    .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs,
    .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top {
        top: 44px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .has-header,
    .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
        top: 44px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader {
        top: 88px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-tabs-top {
        top: 93px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top {
        top: 137px; }
    .modal-backdrop-bg {
        -webkit-transition: opacity 300ms ease-in-out;
        transition: opacity 300ms ease-in-out;
        background-color: #000;
        opacity: 0; }
    .active .modal-backdrop-bg {
        opacity: 0.5; } }

.modal-open {
    pointer-events: none; }
.modal-open .modal,
.modal-open .modal-backdrop {
    pointer-events: auto; }
.modal-open.loading-active .modal,
.modal-open.loading-active .modal-backdrop {
    pointer-events: none; }

/**
 * Loading
 * --------------------------------------------------
 */
.loading-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 13;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-transition: 0.2s opacity linear;
    transition: 0.2s opacity linear;
    visibility: hidden;
    opacity: 0; }
.loading-container:not(.visible) .icon,
.loading-container:not(.visible) .spinner {
    display: none; }
.loading-container.visible {
    visibility: visible; }
.loading-container.active {
    opacity: 1; }
.loading-container .loading {
    padding: 20px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 15px; }
.loading-container .loading h1, .loading-container .loading h2, .loading-container .loading h3, .loading-container .loading h4, .loading-container .loading h5, .loading-container .loading h6 {
    color: #fff; }


.containerMap{
    padding-top: 5rem;
    max-width: 90%;
    min-height: 100px;
    margin: 1rem auto;
}